@import './color';

// 布局样式
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix{
    clear:both;
}

.g-mt10{
    margin-top: 10px !important;
}
.g-mt15{
    margin-top: 15px !important;
}
.g-mt20{
    margin-top: 20px !important;
}
.g-mr10{
    margin-right: 10px !important;
}
.g-mb10{
    margin-bottom: 10px !important;
}
.g-mb15{
    margin-bottom: 15px !important;
}

.m-title {
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-weight: 700;
    color: @base_color;
}
.m-content{
    margin-top: 30px;
}

// 动画样式
.fade-enter-active,.fade-leave-active {
    transition: opacity .1s ease;
}

.fade-enter,.fade-leave-active {
    opacity: 0;
}

// 状态字体样式
.status {
    &-success {
        color: #19be6b;
    }
    &-wait {
        color: #ff9900;
    }
    &-fail {
        color: #ed3f14;
    }
    &-disable {
        color: #ccc;
    }
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #eee;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:window-inactive {
    // background:rgba(255,0,0,0.4);
}